<!DOCTYPE html>
<html lang="en" style="font-size: 160px;">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>北京爱丽丝咨询有限公司</title>
    <link rel="shortcut icon" href="./images/logo.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/style.min.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">

    <script src="./js/vue.js"></script>
    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/fontSize.js"></script>
    <script src="./components/header.js"></script>
    <script src="./components/aside.js"></script>
    <script src="./components/footer.js"></script>
    <script src="./components/gasbag.js"></script>
    <script src="./components/rich.js"></script>
    <script src="./components/showImage.js"></script>
    <script src="./page/home.js"></script>
    <script src="./page/about.js"></script>
    <script src="./page/product.js"></script>
    <script src="./page/team.js"></script>
    <script src="./page/join.js"></script>
</head>

<body id="top">
    <img src="./images/backgroudLogo.png" class="backgroudLogo">

    <div id="app">
        <c_header :active="currentIndex"></c_header>

        <div class="banner homeSwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide" v-for="(item,index) in topList" :key="index">
                    <div class="swiper-inner">
                        <img :src="item">
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <main>
            <c_aside :list="menuList[currentIndex]"></c_aside>
            <div class="content" v-show="!newDetail.show">
                <p_home v-if="currentIndex == 0"></p_home>
                <p_about v-if="currentIndex == 1"></p_about>
                <p_product v-if="currentIndex == 2"></p_product>
                <p_team v-if="currentIndex == 3"></p_team>
                <p_join v-if="currentIndex == 4"></p_join>
            </div>
            <div class="newDetailBox" v-if="newDetail.show">
                <div class="title">{{ newDetail.title }}</div>
                <c_rich :rich="newDetail.text"></c_rich>
            </div>
            <div class="news" v-show="!newDetail.show">
                <div class="newsSwiper-prev" v-if="!isIOS" @click="newsBannerSlide('Prev')"></div>
                <div class="newsSwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" v-for="(item,index) in newsList" :key="index"
                            @click="showNewDetail(item,index)">
                            <a href="javascript:void(0)">
                                <div class="image">
                                    <div class="leftTop redBox"></div>
                                    <div class="rightBottom redBox"></div>
                                    <img :src="item.image">
                                </div>
                                <p class="title">{{ item.title }}</p>
                                <div class="detail"><span>{{ item.detail }}</span></div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="newsSwiper-next" v-if="!isIOS" @click="newsBannerSlide('Next')"></div>
            </div>
        </main>

        <c_image ref="c_image"></c_image>

        <c_footer></c_footer>
        
        <div class="beian"><a href="https://beian.miit.gov.cn" target="__blank">京ICP备2021033605号-1</a></div>
    </div>
    <script src="./js/requset.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>